<div>
    <div style="color:red">
        <h2>{{ $t('mycatdemo.fksl') }}</h2>
    </div>
    <el-form-q :field-data="queryFields" :buttons="queryButtons"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="plus" @click="addFn">{{ $t('mycatdemo.xz') }}</el-button>
            <el-button icon="edit" @click="modifyFn">{{ $t('mycatdemo.xg') }}</el-button>
            <el-button icon="document" @click="infoFn">{{ $t('mycatdemo.xq') }}</el-button>
            <el-button icon="yx-bin" @click="deleteFn">{{ $t('mycatdemo.sc') }}</el-button>
        </el-button-group>
    </div>
    <el-table-x ref="reftable" :pageable="false" :row-index="true" :checkbox="true" :base-params="baseParams" :data-url="urls.index"
        :table-columns="tableColumns"></el-table-x>
    <el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="dialogVisible" width="650px">
        <el-form-x ref="reform" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="80px"></el-form-x>
    </el-dialog-x>

    <div style="color:red">
        <h3>{{ $t('mycatdemo.sjk') }}</h3>
    </div>
    <el-table-x ref="reftableyusp" :pageable="false" :row-index="true" :checkbox="true" :base-params="baseParams" :data-url="urls.indexyusp"
        :table-columns="tableColumns"></el-table-x>
    <div style="color:red">
        <h3>{{ $t('mycatdemo.sjk') }}</h3>
    </div>
    <el-table-x ref="reftabletest" :pageable="false" :row-index="true" :checkbox="true" :base-params="baseParams" :data-url="urls.indextest"
        :table-columns="tableColumns"></el-table-x>
</div>